html,body,#root,.wrap{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.wrap{
    display: flex;
    flex-direction: column;
}

header{
    width:100%;
    height: 60px;
    border-bottom:1px solid gray;
    line-height: 60px;
}

.con{
    width:100%;
    flex:1;
    display: flex;
}

.left{
    width:200px;
    text-align: center;
    height: 100%;
    border-right:1px solid gray;
}

.left a{
    display: block;
}

.right{
    flex:1;
    height: 100%;
}

.dialog{
    width:200px;
    height: 150px;
    background: write;
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    border:1px solid gray;
}

